import React,{useRef} from 'react'
/*
 *  useRef作用：用来获取React中DOM元素
    实现步骤:
    1、导入useRef：import {useRef} from 'react'
    2、调用useRef： const boxRef=useRef()
    3、引入useRef变量 <元素 ref={boxRef}>
    4、操作DOM元素  boxRef.current
 * 
 */
export default function Box() {
   const boxRef=useRef()
   return (
    <div style={{
        width:'50px',
        height:'50px',
        background:'red'
    }}
    ref={boxRef}
    onClick={()=>{
        boxRef.current.style.background="springgreen"
    }}>

    </div>
   )
}
